<template>
	<el-breadcrumb separator="/" class="bread">
		<el-breadcrumb-item v-for="v in paths"
		:key="v.meta.title"
		:to="{ path:v.path}">{{v.meta.title}}</el-breadcrumb-item>
	</el-breadcrumb>
</template>

<script>
	export default {
		data() {
			return {
				paths: []
			};
		},
		mounted() {
			this.paths = this.$route.matched;
		},
		watch: {
			$route: {
				handler: function() {
					this.paths = this.$route.matched;
				}
			},
			deep: true
		}
	};
</script>

<style>
	.bread{
    line-height: 60px;
	}
</style>
